<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>壹心理-世界和我爱着你</title>
    <link rel="stylesheet" href="css/cssreset.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/index_css.css">
    <link rel="shortcut icon" href="images/favicon-20180824044903183.ico">
</head>
<body>
<div class="head_c">
    <header>
        <h1>
            <img src="images/index_images/logo.png" width="100%">
        </h1>
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="html/Read.html"> 阅读</a></li>
            <span class="span1"></span>
            <li><a href="html/AandQ.html">问答</a></li>
            <li><a href="html/FM.html">FM</a></li>
            <span class="span2"></span>
            <li><a href="html/text.html">测试</a></li>
            <li><a href="html/class.html">课程</a></li>
            <span class="span3"></span>
            <li><a href="html/consult.html">咨询&nbsp;<span>pro</span></a></li>
            <li><a href="#">倾诉</a></li>
            <li><a href="#"><img src="images/index_images/points.png" width="25px" alt=""></a></li>
        </ul>
        <form action="">
            <input type="text" placeholder="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;热词：家庭关系,焦虑，丧" autofocus>
            <span></span>
            <a class="login" href="html/land.html">登录</a>
        </form>
    </header>
</div>
<main>
    <div id="wrap">
        <span id="left" onclick="lefts()"></span>
        <span id="right" onclick='rights()'></span>
        <ul id="box">
            <li><img src="images/index_images/lm1.jpg" alt=""></li>
            <li><img src="images/index_images/lm2.jpg" alt=""></li>
            <li><img src="images/index_images/lm3.jpg" alt=""></li>
            <li><img src="images/index_images/lm4.jpg" alt=""></li>
            <li><img src="images/index_images/lm5.jpg" alt=""></li>
            <li><img src="images/index_images/lm1.jpg" alt=""></li>

        </ul>
        <ol id="lo">
            <li class="current"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ol>
    </div>
</main>
<div class="content">
    <div class="classify">
        <!--<p > <span></span> 发布文章</p>-->
        <ul>
            <li id="link">最新热文</li>
            <li>心理科普</li>
            <li>婚恋情感</li>
            <li>家庭关系</li>
            <li>人际社交</li>
            <li>更多分类</li>
        </ul>
        <p><span></span> <a href="">发布文章</a></p>
    </div>
    <div class="con_list">
        <ul>
            <li>
                <img src="images/index_images/con1.jpeg!120x120" alt="">
                <dl>
                    <dt><a href="">自恋型人格障碍是什么？| 对深层的恐惧的防御</a></dt>
                    <dd> 病理性自恋并不只是自我膨胀那么简单。</dd>
                </dl>
            </li>
            <li><img src="images/index_images/con2.jpeg!120x120" alt="">
                <dl>
                    <dt><a href="">“今天你加班吗？”“不加！”</a></dt>
                    <dd>谁说中国人没有宗教？加班就是信仰！</dd>
                </dl>
            </li>
            <li><img src="images/index_images/con3.jpeg!120x120" alt="">
                <dl>
                    <dt><a href="">营销那些事：越内疚越快乐</a></dt>
                    <dd>怎样把把巧克力卖给节食者，把新款电动玩具卖给年轻人呢？在懂心理学的营销者面前绝不是一道难题，因为他知道“越内疚越快乐”。</dd>
                </dl>
            </li>
            <li><img src="images/index_images/con4.jpeg!120x120" alt="">
                <dl>
                    <dt><a href="">为什么你总是干哪行，厌哪行？</a></dt>
                    <dd>你越是抗拒真实的自己，你要付出的代价就越大。</dd>
                </dl>
            </li>
            <li><img src="images/index_images/con5.jpeg!120x120" alt="">
                <dl>
                    <dt><a href="">高敏感人群睡眠指南（干货长文，附助眠好物推荐）</a></dt>
                    <dd>心理暗示在我看来是解决失眠最重要的一环，做到这一点难题就解决了一半。</dd>
                </dl>
            </li>
            <li><img src="images/index_images/con6.jpeg!120x120" alt="">
                <dl>
                    <dt><a href="">为什么总觉得自己不够好？| 你也是“刺猬”吗</a></dt>
                    <dd>
                        如果，你特别在意别人的看法和评价，别人随口说一句，你会琢磨半天；你无心犯了一个过错，别人都已经忘了，你还经常自责；你很容易紧张和胆怯，明明想要却不敢说，明明是爱的却故意扭头就走。那么，很有可能，你和我是一样的，内心深处总是觉得自己不够好
                    </dd>
                </dl>
            </li>
            <li><img src="images/index_images/con7.jpeg!120x120" alt="">
                <dl>
                    <dt><a href="">别让「知道的幻觉」，毁了你的学习和成长</a></dt>
                    <dd>我们以为我们知道了、懂得了，但实际上，我们只是「熟悉」而已，并没有真的将这些信息掌握和内化。</dd>
                </dl>
            </li>
            <li><img src="images/index_images/con8.jpeg!120x120" alt="">
                <dl>
                    <dt><a href="">若找不到一份令人热爱的工作，那就去尝试热爱你的工作</a></dt>
                    <dd>一个人若想要从工作中获得快乐，就不能找一份非常简单、工作内容毫无变化，又完全没有自主自由性的工作。</dd>
                </dl>
            </li>
        </ul>
    </div>
</div>
<div class="aq">
    <div class="aq_head">
        <h3><a href="">心理问答</a></h3>
        <p>每个人的心事都能找到答案</p>
        <P ID="Q"><a href=""><span class="Q_mark"></span>发布提问 </a> <a href=""><span class="number">55w</span>个回答</a>
            <span class="next"></span></P>
    </div>
    <div class="aq_detail">
        <div class="detail_left">
            <p class="more"><a href="">更多</a></p>
            <ul>
                <li>
                    <h2><a href="">学生党旅行有错吗？为什么父母觉得我在浪费钱？</a>
                        <span class="useful"><a href="">5个有用</a></span>
                        <span class="answer_num"><a href="">7个回答</a></span>
                    </h2>
                    <dl>
                        <dt><img src="images/index_images/aq_1.jpg" width="36px" alt=""></dt>
                        <span class="triangle"></span>
                        <dd>
                            <a href="">一个小时一千元的咨询师。在我对其建议迟疑了一下之际，突然问我:"你朋友圈里有做直销的吗?"我说:有啊，怎么了？他突然严厉地提高声调说:"你知道他们怎么做吗？</a>
                        </dd>
                        <span class="aq_classify">
                            <a href="">抑郁 </a>
                            <a href="">恐惧 </a>
                        </span>
                    </dl>
                    <span class="line"></span>

                </li>
                <li>
                    <h2><a href="">为什么难以融入人群？</a>
                        <span class="useful"><a href="">8个有用</a></span>
                        <span class="answer_num"><a href="">14个回答</a></span>
                    </h2>
                    <dl>
                        <dt><img src="images/index_images/a_2.jpg" width="36px" alt=""></dt>
                        <span class="triangle"></span>
                        <dd>
                            <a href="">
                                你好，能够理解你的心情。好想抱抱你。从小的成长经历，让你像浮萍一样，找不到自己的根，没有归属感，感受不到家的温暖和包容。
                            </a>
                        </dd>
                        <span class="aq_classify">
                            <a href="">社交恐惧 </a>
                            <a href="">人际边界</a>
                        </span>
                    </dl>
                    <span class="line"></span>
                </li>
                <li>
                    <h2><a href="">我为什么会这么讨厌自己三岁多的女儿
                    </a>
                        <span class="useful"><a href="">5个有用</a></span>
                        <span class="answer_num"><a href="">5个回答</a></span>
                    </h2>
                    <dl>
                        <dt><img src="images/index_images/a_3.jpg" width="36px" alt=""></dt>
                        <span class="triangle"></span>
                        <dd>
                            <a href="">
                                好可怜的小女孩，她这么小就承担了父母及到整个家族这么多的情绪。不到一岁就跟父母分开，
                                会跟孩子造成严重的心理创伤，孩子会认为是自己不好所以父母不要自己了
                            </a>
                        </dd>
                        <span class="aq_classify">
                            <a href="">社交</a>
                            <a href="">家庭</a>
                        </span>
                    </dl>
                    <span class="line"></span>
                </li>
                <li>
                    <h2><a href="">为什么是个好了伤疤忘了疼的人，会害怕放弃，不果断的</a>
                        <span class="useful"><a href="">9个有用</a></span>
                        <span class="answer_num"><a href="">11个回答</a></span>
                    </h2>
                    <dl>
                        <dt><img src="images/index_images/a_4.jpg" width="36px" alt=""></dt>
                        <span class="triangle"></span>
                        <dd>
                            <a href="">
                                当你的理智与内心的感受产生矛盾的时候，我们的选择更倾向于听从我们的情感，这就是为什么明明知道不合适，可偏偏想要靠近对方的原因。
                                这个背后确实会同你个人深度的心理需求有关。
                            </a>
                        </dd>
                        <span class="aq_classify">
                            <a href="">自我成长</a>
                            <!--<a href="">恐惧 </a>-->
                        </span>
                    </dl>
                    <span class="line"></span>
                </li>
                <li>
                    <h2><a href="">因为“穷病”影响生活影响与男友的关系，怎么治？</a>
                        <span class="useful"><a href="">8个有用</a></span>
                        <span class="answer_num"><a href="">8个回答</a></span>
                    </h2>
                    <dl>
                        <dt><img src="images/index_images/a_2.jpg" width="36px" alt=""></dt>
                        <span class="triangle"></span>
                        <dd>
                            <a href="">
                                这本质上跟钱多少没关系，而从从小的经历会让人不自觉觉得自己价值感不强，换句话说，自己不配拥有好的东西，好的生活。
                            </a>
                        </dd>
                        <span class="aq_classify">
                            <a href="">抑郁 </a>
                            <a href="">恐惧 </a>
                        </span>
                    </dl>

                </li>
            </ul>
        </div>
        <div class="detail_right">
            <div class="detail_right_head">
                <h2><a href="">最近30天精华问答</a></h2>
                <span class="detail_right_more"><a href="">更多</a></span>
            </div>
            <ul>
                <li><a href=""><span class="detail_right_img"><img src="images/index_images/dl1.png!80" width="30px"
                                                                   alt=""></span></a>
                    <a href=""><p class="detail_right_text">七年恋爱，最近失恋了，我该怎么... </p></a>
                    <a href=""><span class="detail_right_number">28</span></a>
                </li>
                <li><a href=""><span class="detail_right_img"><img src="images/index_images/dl2.jpg!80" width="30px"
                                                                   alt=""></span></a>
                    <a href=""><p class="detail_right_text">不主动跟朋友联系是社恐吗？</p></a>
                    <a href=""><span class="detail_right_number">20</span></a>
                </li>
                <li><a href=""><span class="detail_right_img"><img src="images/index_images/dl3.jpg!80" width="30px"
                                                                   alt=""></span></a>
                    <a href=""><p class="detail_right_text">为什么总会吸引一些所谓的渣男？ </p></a>
                    <a href=""><span class="detail_right_number">20</span></a>
                </li>
                <li><a href=""><span class="detail_right_img"><img src="images/index_images/dl4.png!80" width="30px"
                                                                   alt=""></span></a>
                    <a href=""><p class="detail_right_text">我的咨询师说他爱我，正常吗？</p></a>
                    <a href=""><span class="detail_right_number">20</span></a>
                </li>
                <li><a href=""><span class="detail_right_img"><img src="images/index_images/dl5.png!80" width="30px"
                                                                   alt=""></span></a>
                    <a href=""><p class="detail_right_text">【时刻】哪些句子/故事曾经激励...</p></a>
                    <a href=""><span class="detail_right_number">11</span></a>
                </li>
                <li><a href=""><span class="detail_right_img"><img src="images/index_images/dl6.jpg!80" width="30px"
                                                                   alt=""></span></a>
                    <a href=""><p class="detail_right_text">如何感受到被爱？如何拥有爱人... </p></a>
                    <a href=""><span class="detail_right_number">19</span></a>
                </li>
                <li><a href=""><span class="detail_right_img"><img src="images/index_images/dl7.png!80" width="30px"
                                                                   alt=""></span></a>
                    <a href=""><p class="detail_right_text">放屁恐惧症怎么办？高中生，心... </p></a>
                    <a href=""><span class="detail_right_number">14</span></a>
                </li>
                <li><a href=""><span class="detail_right_img"><img src="images/index_images/dl8.jpg!80" width="30px"
                                                                   alt=""></span></a>
                    <a href=""><p class="detail_right_text">特别怕死，对未知恐惧，18岁女孩</p></a>
                    <a href=""><span class="detail_right_number">8</span></a>
                </li>
                <li><a href=""><span class="detail_right_img"><img src="images/index_images/dl9.jpg!80" width="30px"
                                                                   alt=""></span></a>
                    <a href=""><p class="detail_right_text">为什么很多心理学咨询师解心理...</p></a>
                    <a href=""><span class="detail_right_number">14</span></a>
                </li>
                <li><a href=""><span class="detail_right_img"><img src="images/index_images/dl10.png!80" width="30px"
                                                                   alt=""></span></a>
                    <a href=""><p class="detail_right_text">如何挽回我的爱人？ </p></a>
                    <a href=""><span class="detail_right_number">10</span></a>
                </li>
                <li><a href=""><span class="detail_right_img"><img src="images/index_images/dl11.png!80" width="30px"
                                                                   alt=""></span></a>
                    <a href=""><p class="detail_right_text">为什么我总是被忽视？ </p></a>
                    <a href=""><span class="detail_right_number">8</span></a>
                </li>
                <li><a href=""><span class="detail_right_img"><img src="images/index_images/dl12.jpg!80" width="30px"
                                                                   alt=""></span></a>
                    <a href=""><p class="detail_right_text">经常争吵，该不该分手，放弃这... </p></a>
                    <a href=""><span class="detail_right_number">10</span></a>
                </li>
                <li><a href=""><span class="detail_right_img"><img src="images/index_images/dl13.jpg!80" width="30px"
                                                                   alt=""></span></a>
                    <a href=""><p class="detail_right_text">关于强共情能力的一个疑问? </p></a>
                    <a href=""><span class="detail_right_number">6</span></a>
                </li>
                <li><a href=""><span class="detail_right_img"><img src="images/index_images/dl14.png!80" width="30px"
                                                                   alt=""></span></a>
                    <a href=""><p class="detail_right_text">【分析】明星自杀后，会带来哪... </p></a>
                    <a href=""><span class="detail_right_number">5</span></a>
                </li>
                <li><a href=""><span class="detail_right_img"><img src="images/index_images/dl15.jpg!80" width="30px"
                                                                   alt=""></span></a>
                    <a href=""><p class="detail_right_text">怎样才能让孩子接受心里辅导? </p></a>
                    <a href=""><span class="detail_right_number">8</span></a>
                </li>
                <li><a href=""><span class="detail_right_img"><img src="images/index_images/dl16.png!80" width="30px"
                                                                   alt=""></span></a>
                    <a href=""><p class="detail_right_text">女儿对专业不满意想复读，我该怎么劝她？ </p></a>
                    <a href=""><span class="detail_right_number">9</span></a>
                </li>
                <li><a href=""><span class="detail_right_img"><img src="images/index_images/dl17.jpg!80" width="30px"
                                                                   alt=""></span></a>
                    <a href=""><p class="detail_right_text">人的性格天性真的是一出生就那... </p></a>
                    <a href=""><span class="detail_right_number">11</span></a>
                </li>
                <li><a href=""><span class="detail_right_img"><img src="images/index_images/dl18.png!80" width="30px"
                                                                   alt=""></span></a>
                    <a href=""><p class="detail_right_text">感觉他把我当作他私人所有，控...</p></a>
                    <a href=""><span class="detail_right_number">9</span></a>
                </li>
            </ul>
        </div>

    </div>
</div>
<div class="text">
    <div class="text_detail">
        <div class="text_head">
            <a href=""><h3>心理测试</h3></a>
            <a href=""><p class="knew">认识自己 了解他人</p></a>
            <a href=""><p class="text_head_middle"><span class="text_span_left">1600+</span> 趣味测试 </p></a>
            <a href=""><p class="text_head_right"><span class="text_span_left">140+</span> 专业测评 <span
                    class="text_next"></span></p></a>
        </div>
        <div class="swiper-container1">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <ul>
                        <li>
                            <dl>
                                <a href=""><span class="go_text">去测试</span></a>
                                <dt><img src="images/index_images/t3.jpg" alt=""></dt>
                                <a href="">
                                    <dd>测测你的爱情态度是什么</dd>
                                </a>
                                <a href=""><p>￥9.90 <span class="text_number">22919人测试过</span></p></a>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <a href=""><span class="go_text">去测试</span></a>
                                <dt><img src="images/index_images/t2.jpg" alt=""></dt>
                                <a href="">
                                    <dd>测什么性格阻碍了你梦...</dd>
                                </a>
                                <a href=""><p><span class="free">免费</span> <span class="text_number">181156人测试过</span>
                                </p></a>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <a href=""><span class="go_text">去测试</span></a>
                                <dt><img src="images/index_images/t1.jpeg" alt=""></dt>
                                <a href="">
                                    <dd>测测你的爱情态度是什么</dd>
                                </a>
                                <a href=""><p><span class="free">免费</span> <span class="text_number">1106人测试过</span></p>
                                </a>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <a href=""><span class="go_text">去测试</span></a>
                                <dt><img src="images/index_images/t4.jpeg" alt=""></dt>
                                <a href="">
                                    <dd>神经质人格特质自评</dd>
                                </a>
                                <a href=""><p><span class="free">免费</span> <span class="text_number">142750人测试过</span>
                                </p></a>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <a href=""><span class="go_text">去测试</span></a>
                                <dt><img src="images/index_images/t5.jpeg" alt=""></dt>
                                <a href="">
                                    <dd>测试别人眼中你的形状</dd>
                                </a>
                                <a href=""><p><span class="free">免费</span> <span class="text_number">30420人测试过</span>
                                </p></a>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <a href=""><span class="go_text">去测试</span></a>
                                <dt><img src="images/index_images/t6.jpg" alt=""></dt>
                                <a href="">
                                    <dd>安全感测试</dd>
                                </a>
                                <a href=""><p><span class="free">免费</span> <span class="text_number">230608人测试过</span>
                                </p></a>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <a href=""><span class="go_text">去测试</span></a>
                                <dt><img src="images/index_images/t7.jpeg" alt=""></dt>
                                <a href="">
                                    <dd>测测你会成为通才还是...</dd>
                                </a>
                                <a href=""><p><span class="free">免费</span> <span class="text_number">112701人测试过</span>
                                </p></a>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <a href=""><span class="go_text">去测试</span></a>
                                <dt><img src="images/index_images/t8.jpeg" alt=""></dt>
                                <a href="">
                                    <dd>你因爱生恨的指数有多...</dd>
                                </a>
                                <a href=""><p><span class="free">免费</span> <span class="text_number">73070人测试过</span>
                                </p></a>
                            </dl>
                        </li>
                    </ul>
                </div>
                <div class="swiper-slide">
                    <ul>
                        <li>
                            <dl>
                                <a href=""><span class="go_text">去测试</span></a>
                                <dt><img src="images/index_images/heart_1.jpg" alt=""></dt>
                                <a href="">
                                    <dd>测测潜意识的你是什么模样</dd>
                                </a>
                                <a href=""><p><span class="free">免费</span> <span class="text_number">446897人测试过</span></p></a>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <a href=""><span class="go_text">去测试</span></a>
                                <dt><img src="images/index_images/heart_2.jpg" alt=""></dt>
                                <a href="">
                                    <dd>情感账户测评</dd>
                                </a>
                                <a href=""><p>￥8.8<span class="text_number">181156人测试过</span>
                                </p></a>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <a href=""><span class="go_text">去测试</span></a>
                                <dt><img src="images/index_images/heart_3.jpg" alt=""></dt>
                                <a href="">
                                    <dd>测测你的心灵属性</dd>
                                </a>
                                <a href=""><p><span class="free">免费</span> <span class="text_number">175912人测试过</span></p>
                                </a>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <a href=""><span class="go_text">去测试</span></a>
                                <dt><img src="images/index_images/heart_4.jpg" alt=""></dt>
                                <a href="">
                                    <dd>从被搭讪测你的隐藏属性</dd>
                                </a>
                                <a href=""><p><span class="free">免费</span> <span class="text_number">136788人测试过</span>
                                </p></a>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <a href=""><span class="go_text">去测试</span></a>
                                <dt><img src="images/index_images/heart_5.jpg" alt=""></dt>
                                <a href="">
                                    <dd>测你对恋爱的态度有多.....</dd>
                                </a>
                                <a href=""><p><span class="free">免费</span> <span class="text_number">182387人测试过</span>
                                </p></a>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <a href=""><span class="go_text">去测试</span></a>
                                <dt><img src="images/index_images/heart_6.jpg" alt=""></dt>
                                <a href="">
                                    <dd>安全感测试</dd>
                                </a>
                                <a href=""><p><span class="free">免费</span> <span class="text_number">230608人测试过</span>
                                </p></a>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <a href=""><span class="go_text">去测试</span></a>
                                <dt><img src="images/index_images/heart_7.jpg" alt=""></dt>
                                <a href="">
                                    <dd>测测你会成为通才还是...</dd>
                                </a>
                                <a href=""><p><span class="free">免费</span> <span class="text_number">112701人测试过</span>
                                </p></a>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <a href=""><span class="go_text">去测试</span></a>
                                <dt><img src="images/index_images/heart_8.jpg" alt=""></dt>
                                <a href="">
                                    <dd>气质类型测评</dd>
                                </a>
                                <a href=""><p>￥9.9 <span class="text_number">9526人测试过</span>
                                </p></a>
                            </dl>
                        </li>
                    </ul>
                </div>
                <div class="swiper-slide">
                    <ul>
                        <li>
                            <dl>
                                <a href=""><span class="go_text">去测试</span></a>
                                <dt><img src="images/index_images/a2_1.jpg" alt=""></dt>
                                <a href="">
                                    <dd>测测你和哪类人相处最.....</dd>
                                </a>
                                <a href=""><p><span class="free">免费</span><span class="text_number">150194人测试过</span></p></a>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <a href=""><span class="go_text">去测试</span></a>
                                <dt><img src="images/index_images/a2_2.jpg" alt=""></dt>
                                <a href="">
                                    <dd>测测属于你的创造性职业</dd>
                                </a>
                                <a href=""><p><span class="free">免费</span> <span class="text_number">143569人测试过</span>
                                </p></a>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <a href=""><span class="go_text">去测试</span></a>
                                <dt><img src="images/index_images/a2_8.jpg" alt=""></dt>
                                <a href="">
                                    <dd>情商测试</dd>
                                </a>
                                <a href=""><p>￥9.9 <span class="text_number">10900人测试过</span></p>
                                </a>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <a href=""><span class="go_text">去测试</span></a>
                                <dt><img src="images/index_images/a2_3.jpg" alt=""></dt>
                                <a href="">
                                    <dd>测试别人眼中你的形状</dd>
                                </a>
                                <a href=""><p><span class="free">免费</span> <span class="text_number">30653人测试过</span>
                                </p></a>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <a href=""><span class="go_text">去测试</span></a>
                                <dt><img src="images/index_images/a2_4.jpg" alt=""></dt>
                                <a href="">
                                    <dd>你为什么交不到女朋友</dd>
                                </a>
                                <a href=""><p><span class="free">免费</span> <span class="text_number">112983人测试过</span>
                                </p></a>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <a href=""><span class="go_text">去测试</span></a>
                                <dt><img src="images/index_images/a2_5.jpg" alt=""></dt>
                                <a href="">
                                    <dd>测测你藏着哪种内向因.....</dd>
                                </a>
                                <a href=""><p><span class="free">免费</span> <span class="text_number">96312人测试过</span>
                                </p></a>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <a href=""><span class="go_text">去测试</span></a>
                                <dt><img src="images/index_images/a2_6.jpg" alt=""></dt>
                                <a href="">
                                    <dd>测测你幸福的颜色是什么</dd>
                                </a>
                                <a href=""><p><span class="free">免费</span> <span class="text_number">23086人测试过</span>
                                </p></a>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <a href=""><span class="go_text">去测试</span></a>
                                <dt><img src="images/index_images/a2_7.jpg" alt=""></dt>
                                <a href="">
                                    <dd>测什么性格阻碍了你的梦......</dd>
                                </a>
                                <a href=""><p><span class="free">免费</span> <span class="text_number">181327人测试过</span>
                                </p></a>
                            </dl>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- Add Arrows -->

            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-pagination"></div>


        </div>

    </div>
</div>
<div class="consult_div">
    <div class="consult">
        <div class="consult_head">
            <a href=""><h3>心理咨询 </h3></a>
            <a href=""><p class="consult_left">没有人是一座孤岛，每个人都需要心理咨询</p></a>
            <a href=""><p class="consult_right"><span class="consult_span_l"></span>咨询师入驻 <span
                    class="consult_span_m">600+</span> 精选咨询师 <span class="consult_span_r"></span></p></a>
        </div>

        <div class="swiper-container2">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <ul>
                        <li>
                            <dl><a href="">
                                <dt class="consult_li_img co_1">
                                    <span class="consult_li_head co_one"></span>
                                    <span class="pro">张小丽</span>
                                </dt>
                            </a>
                                <a href=""><p class="help_num">累计帮助122个人</p></a>
                                <a href=""><p class="introduce"><span class="dot"></span>国家二级咨询师</p></a>
                                <a href="">
                                    <dd class="way">擅长：个人教育，职场心理，亲子教育</dd>
                                </a>
                                <a href=""><span class="dat">预约</span></a>
                            </dl>
                        </li>
                        <li>
                            <dl><a href="">
                                <dt class="consult_li_img co_2">
                                    <span class="consult_li_head co_two"></span>
                                    <span class="pro">薛梅</span>
                                </dt>
                            </a>
                                <a href=""><p class="help_num">累计帮助122个人</p></a>
                                <a href=""><p class="introduce"><span class="dot"></span>国家二级咨询师</p></a>
                                <a href="">
                                    <dd class="way">擅长：个人教育，职场心理，亲子教育</dd>
                                </a>
                                <a href=""><span class="dat">预约</span></a>
                            </dl>
                        </li>
                        <li>
                            <dl><a href="">
                                <dt class="consult_li_img co_3">
                                    <span class="consult_li_head co_three"></span>
                                    <span class="pro">陈若然</span>
                                </dt>
                            </a>
                                <a href=""><p class="help_num">累计帮助122个人</p></a>
                                <a href=""><p class="introduce"><span class="dot"></span>国家二级咨询师</p></a>
                                <a href="">
                                    <dd class="way">擅长：个人教育，职场心理，亲子教育</dd>
                                </a>
                                <a href=""><span class="dat">预约</span></a>
                            </dl>
                        </li>
                        <li>
                            <dl><a href="">
                                <dt class="consult_li_img co_4">
                                    <span class="consult_li_head co_four"></span>
                                    <span class="pro">张飞</span>
                                </dt>
                            </a>
                                <a href=""><p class="help_num">累计帮助122个人</p></a>
                                <a href=""><p class="introduce"><span class="dot"></span>国家二级咨询师</p></a>
                                <a href="">
                                    <dd class="way">擅长：个人教育，职场心理，亲子教育</dd>
                                </a>
                                <a href=""><span class="dat">预约</span></a>
                            </dl>
                        </li>
                    </ul>
                </div>
                <div class="swiper-slide">
                    <ul>
                        <li>
                            <dl><a href="">
                                <dt class="consult_li_img co_1">
                                    <span class="consult_li_head co_one"></span>
                                    <span class="pro">陈冠希</span>
                                </dt>
                            </a>
                                <a href=""><p class="help_num">累计帮助122个人</p></a>
                                <a href=""><p class="introduce"><span class="dot"></span>国家二级咨询师</p></a>
                                <a href="">
                                    <dd class="way">擅长：个人教育，职场心理，亲子教育</dd>
                                </a>
                                <a href=""><span class="dat">预约</span></a>
                            </dl>
                        </li>
                        <li>
                            <dl><a href="">
                                <dt class="consult_li_img co_2">
                                    <span class="consult_li_head co_two"></span>
                                    <span class="pro">陈冠希</span>
                                </dt>
                            </a>
                                <a href=""><p class="help_num">累计帮助122个人</p></a>
                                <a href=""><p class="introduce"><span class="dot"></span>国家二级咨询师</p></a>
                                <a href="">
                                    <dd class="way">擅长：个人教育，职场心理，亲子教育</dd>
                                </a>
                                <a href=""><span class="dat">预约</span></a>
                            </dl>
                        </li>
                        <li>
                            <dl><a href="">
                                <dt class="consult_li_img co_3">
                                    <span class="consult_li_head co_three"></span>
                                    <span class="pro">陈冠希</span>
                                </dt>
                            </a>
                                <a href=""><p class="help_num">累计帮助122个人</p></a>
                                <a href=""><p class="introduce"><span class="dot"></span>国家二级咨询师</p></a>
                                <a href="">
                                    <dd class="way">擅长：个人教育，职场心理，亲子教育</dd>
                                </a>
                                <a href=""><span class="dat">预约</span></a>
                            </dl>
                        </li>
                        <li>
                            <dl><a href="">
                                <dt class="consult_li_img co_4">
                                    <span class="consult_li_head co_four"></span>
                                    <span class="pro">陈冠希</span>
                                </dt>
                            </a>
                                <a href=""><p class="help_num">累计帮助122个人</p></a>
                                <a href=""><p class="introduce"><span class="dot"></span>国家二级咨询师</p></a>
                                <a href="">
                                    <dd class="way">擅长：个人教育，职场心理，亲子教育</dd>
                                </a>
                                <a href=""><span class="dat">预约</span></a>
                            </dl>
                        </li>
                    </ul>
                </div>
                <div class="swiper-slide">
                    <ul>
                        <li>
                            <dl><a href="">
                                <dt class="consult_li_img co_1">
                                    <span class="consult_li_head co_one"></span>
                                    <span class="pro">陈冠希</span>
                                </dt>
                            </a>
                                <a href=""><p class="help_num">累计帮助122个人</p></a>
                                <a href=""><p class="introduce"><span class="dot"></span>国家二级咨询师</p></a>
                                <a href="">
                                    <dd class="way">擅长：个人教育，职场心理，亲子教育</dd>
                                </a>
                                <a href=""><span class="dat">预约</span></a>
                            </dl>
                        </li>
                        <li>
                            <dl><a href="">
                                <dt class="consult_li_img co_2">
                                    <span class="consult_li_head co_two"></span>
                                    <span class="pro">陈冠希</span>
                                </dt>
                            </a>
                                <a href=""><p class="help_num">累计帮助122个人</p></a>
                                <a href=""><p class="introduce"><span class="dot"></span>国家二级咨询师</p></a>
                                <a href="">
                                    <dd class="way">擅长：个人教育，职场心理，亲子教育</dd>
                                </a>
                                <a href=""><span class="dat">预约</span></a>
                            </dl>
                        </li>
                        <li>
                            <dl><a href="">
                                <dt class="consult_li_img co_3">
                                    <span class="consult_li_head co_three"></span>
                                    <span class="pro">陈冠希</span>
                                </dt>
                            </a>
                                <a href=""><p class="help_num">累计帮助122个人</p></a>
                                <a href=""><p class="introduce"><span class="dot"></span>国家二级咨询师</p></a>
                                <a href="">
                                    <dd class="way">擅长：个人教育，职场心理，亲子教育</dd>
                                </a>
                                <a href=""><span class="dat">预约</span></a>
                            </dl>
                        </li>
                        <li>
                            <dl><a href="">
                                <dt class="consult_li_img co_4">
                                    <span class="consult_li_head co_four"></span>
                                    <span class="pro">陈冠希</span>
                                </dt>
                            </a>
                                <a href=""><p class="help_num">累计帮助122个人</p></a>
                                <a href=""><p class="introduce"><span class="dot"></span>国家二级咨询师</p></a>
                                <a href="">
                                    <dd class="way">擅长：个人教育，职场心理，亲子教育</dd>
                                </a>
                                <a href=""><span class="dat">预约</span></a>
                            </dl>
                        </li>
                    </ul>
                </div>

            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
            <!-- Add Arrows -->
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>


    </div>
</div>
<div class="talk_div">
    <div class="talk">
        <div class="consult_head">
            <a href=""><h3>即时倾诉 </h3></a>
            <a href=""><p class="consult_left">每个人都值得被听见</p></a>
            <a href=""><p class="consult_right"><span class="consult_span_l"></span>倾听师入驻 <span
                    class="consult_span_m">17个</span> 倾听师在线 <span class="consult_span_r"></span></p></a>
        </div>
        <div class="swiper-container3">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <ul>
                        <li>
                            <dl>
                                <a href=""><span class="state">在线</span></a>
                                <a href="">
                                    <dt><img src="images/index_images/talk1.jpg!120x120" alt=""></dt>
                                </a>
                                <a href="">
                                    <dd class="talk_name">李连贝</dd>
                                </a>
                                <a href=""><p class="time">累计倾听：656个小时</p></a>
                                <a href=""><p class="talk_classify"><span>婚恋</span> <span>情绪</span></p></a>
                                <a href=""><p class="talk_intro">签名：让我们一起携手将暂时的困…</p></a>
                                <a href=""><span class="talk_go">找ta倾诉</span></a>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <a href=""><span class="state">在线</span></a>
                                <a href="">
                                    <dt><img src="images/index_images/talk2.png!120x120" alt=""></dt>
                                </a>
                                <a href="">
                                    <dd class="talk_name">曹蔚然</dd>
                                </a>
                                <a href=""><p class="time">累计倾听：516个小时</p></a>
                                <a href=""><p class="talk_classify"><span>亲子</span> <span>情绪</span></p></a>
                                <a href=""><p class="talk_intro">签名：将烦恼一吐而尽，留下温暖…</p></a>
                                <a href=""><span class="talk_go">找ta倾诉</span></a>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <a href=""><span class="state">在线</span></a>
                                <a href="">
                                    <dt><img src="images/index_images/talk3.png!120x120" alt=""></dt>
                                </a>
                                <a href="">
                                    <dd class="talk_name">牛约纳</dd>
                                </a>
                                <a href=""><p class="time">累计倾听：47个小时</p></a>
                                <a href=""><p class="talk_classify"><span>人际关系</span> <span>个人成长</span></p></a>
                                <a href=""><p class="talk_intro">签名：我原遇见真实的你！</p></a>
                                <a href=""><span class="talk_go">找ta倾诉</span></a>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <a href=""><span class="state">在线</span></a>
                                <a href="">
                                    <dt><img src="images/index_images/talk4.jpg!120x120" alt=""></dt>
                                </a>
                                <a href="">
                                    <dd class="talk_name">康映雪</dd>
                                </a>
                                <a href=""><p class="time">累计倾听：52个小时</p></a>
                                <a href=""><p class="talk_classify"><span>人际关系</span> <span>个人成长</span></p></a>
                                <a href=""><p class="talk_intro">签名：你的一切经历都有价值…</p></a>
                                <a href=""><span class="talk_go">找ta倾诉</span></a>
                            </dl>
                        </li>
                    </ul>
                </div>
                <div class="swiper-slide">
                    <ul>
                        <li>
                            <dl>
                                <a href=""><span class="state">在线</span></a>
                                <a href="">
                                    <dt><img src="images/index_images/q1.png" alt=""></dt>
                                </a>
                                <a href="">
                                    <dd class="talk_name">赵婕</dd>
                                </a>
                                <a href=""><p class="time">累计倾听：1702个小时</p></a>
                                <a href=""><p class="talk_classify"><span>亲子</span> <span>人际关系</span></p></a>
                                <a href=""><p class="talk_intro">签名：生命是一个变化和流动…</p></a>
                                <a href=""><span class="talk_go">找ta倾诉</span></a>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <a href=""><span class="state">在线</span></a>
                                <a href="">
                                    <dt><img src="images/index_images/q2.jpg" alt=""></dt>
                                </a>
                                <a href="">
                                    <dd class="talk_name">万淑静</dd>
                                </a>
                                <a href=""><p class="time">累计倾听：147个小时</p></a>
                                <a href=""><p class="talk_classify"><span>婚恋</span> <span>人际关系</span></p></a>
                                <a href=""><p class="talk_intro">签名：用心倾听，用爱陪伴…</p></a>
                                <a href=""><span class="talk_go">找ta倾诉</span></a>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <a href=""><span class="state">在线</span></a>
                                <a href="">
                                    <dt><img src="images/index_images/q3.jpg" alt=""></dt>
                                </a>
                                <a href="">
                                    <dd class="talk_name">马芸</dd>
                                </a>
                                <a href=""><p class="time">累计倾听：47个小时</p></a>
                                <a href=""><p class="talk_classify"><span>情绪</span> <span>个人成长</span></p></a>
                                <a href=""><p class="talk_intro">签名：心理咨询，助人自助！</p></a>
                                <a href=""><span class="talk_go">找ta倾诉</span></a>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <a href=""><span class="state">在线</span></a>
                                <a href="">
                                    <dt><img src="images/index_images/q4.jpg" alt=""></dt>
                                </a>
                                <a href="">
                                    <dd class="talk_name">杨芯</dd>
                                </a>
                                <a href=""><p class="time">累计倾听：7个小时</p></a>
                                <a href=""><p class="talk_classify"><span>亲子</span> <span>学业</span></p></a>
                                <a href=""><p class="talk_intro">签名：聆听和陪伴，助你成为自......</p></a>
                                <a href=""><span class="talk_go">找ta倾诉</span></a>
                            </dl>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
            <!-- Add Arrows -->
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>

    </div>
</div>
<div class="college_div">
    <div class="college">
        <div class="consult_head">
            <a href=""><h3>心理学院</h3></a>
            <a href=""><p class="consult_left">人人都能学的心理学 </p></a>
            <a href=""><p class="consult_right"><span class="college_span_l"></span>我的课程
            </p></a>
        </div>
        <div class="swiper-container8">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="college_detail">
                        <div class="class_intro">
                            <ul>
                                <li>
                                    <dl>
                                        <dt class="class_intro_img one_img"></dt>
                                        <dd>21天全面提升自信自尊，成为一个自信的人</dd>
                                        <p class="teacher_intro">教师介绍：王亚南</p>
                                        <p class="price"><span class="now">99元</span> <span class="before">199元</span></p>
                                        <span class="tet_intro">课程介绍</span>
                                    </dl>
                                </li>
                                <li>
                                    <dl>
                                        <dt class="class_intro_img two_img"></dt>
                                        <dd>林紫的100堂心理课：过不焦虑的人生</dd>
                                        <p class="teacher_intro">教师介绍：林紫</p>
                                        <p class="price"><span class="now">129元</span> <span class="before">199元</span></p>
                                        <span class="tet_intro">课程介绍</span>
                                    </dl>
                                </li>
                            </ul>
                        </div>
                        <div class="class_intro_small">
                            <ul>
                                <li>
                                    <dl>
                                        <dt class="small_1"></dt>
                                        <dd >21堂课告别社交恐惧，拥有自信社交</dd>
                                        <p class="teacher_intro_m">教师介绍：施承孙</p>
                                        <p class="small_price">
                                            <span class="small_price_l">99元</span>
                                            <span class="small_price_m">199元</span>
                                            <span class="small_price_r">课程介绍</span>
                                        </p>
                                    </dl>
                                </li>
                                <li>
                                    <dl>
                                        <dt class="small_2"></dt>
                                        <dd >李银河的52堂性学课</dd>
                                        <p class="teacher_intro_m">教师介绍：李银河</p>
                                        <p class="small_price">
                                            <span class="small_price_l">159元</span>
                                            <span class="small_price_m">199元</span>
                                            <span class="small_price_r">课程介绍</span>
                                        </p>
                                    </dl>
                                </li>
                                <li>
                                    <dl>
                                        <dt class="small_3"></dt>
                                        <dd>雏鲸计划：心理咨询实战研修班二班(定金专用链...</dd>
                                        <p class="teacher_intro_m">教师介绍：著名高校毕业，行...</p>
                                        <p class="small_price">
                                            <span class="small_price_l">2000元</span>
                                            <span class="small_price_m">5000元</span>
                                            <span class="small_price_r">课程介绍</span>
                                        </p>
                                    </dl>
                                </li>
                                <li>
                                    <dl>
                                        <dt class="small_4"></dt>
                                        <dd>0基础入门心理咨询</dd>
                                        <p class="teacher_intro_m">教师介绍：顶级心理学院校名师</p>
                                        <p class="small_price">
                                            <span class="small_price_l">799元</span>
                                            <span class="small_price_m">1352元</span>
                                            <span class="small_price_r">课程介绍</span>
                                        </p>
                                    </dl>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="college_detail">
                        <div class="class_intro">
                            <ul>
                                <li>
                                    <dl>
                                        <dt class="class_intro_img one_img"></dt>
                                        <dd>21天全面提升自信自尊，成为一个自信的人</dd>
                                        <p class="teacher_intro">教师介绍：王亚南</p>
                                        <p class="price"><span class="now">99元</span> <span class="before">199元</span></p>
                                        <span class="tet_intro">课程介绍</span>
                                    </dl>
                                </li>
                                <li>
                                    <dl>
                                        <dt class="class_intro_img two_img"></dt>
                                        <dd>林紫的100堂心理课：过不焦虑的人生</dd>
                                        <p class="teacher_intro">教师介绍：林紫</p>
                                        <p class="price"><span class="now">129元</span> <span class="before">199元</span></p>
                                        <span class="tet_intro">课程介绍</span>
                                    </dl>
                                </li>
                            </ul>
                        </div>
                        <div class="class_intro_small">
                            <ul>
                                <li>
                                    <dl>
                                        <dt class="small_1"></dt>
                                        <dd >21堂课告别社交恐惧，拥有自信社交</dd>
                                        <p class="teacher_intro_m">教师介绍：施承孙</p>
                                        <p class="small_price">
                                            <span class="small_price_l">99元</span>
                                            <span class="small_price_m">199元</span>
                                            <span class="small_price_r">课程介绍</span>
                                        </p>
                                    </dl>
                                </li>
                                <li>
                                    <dl>
                                        <dt class="small_2"></dt>
                                        <dd >李银河的52堂性学课</dd>
                                        <p class="teacher_intro_m">教师介绍：李银河</p>
                                        <p class="small_price">
                                            <span class="small_price_l">159元</span>
                                            <span class="small_price_m">199元</span>
                                            <span class="small_price_r">课程介绍</span>
                                        </p>
                                    </dl>
                                </li>
                                <li>
                                    <dl>
                                        <dt class="small_3"></dt>
                                        <dd>雏鲸计划：心理咨询实战研修班二班(定金专用链...</dd>
                                        <p class="teacher_intro_m">教师介绍：著名高校毕业，行...</p>
                                        <p class="small_price">
                                            <span class="small_price_l">2000元</span>
                                            <span class="small_price_m">5000元</span>
                                            <span class="small_price_r">课程介绍</span>
                                        </p>
                                    </dl>
                                </li>
                                <li>
                                    <dl>
                                        <dt class="small_4"></dt>
                                        <dd>0基础入门心理咨询</dd>
                                        <p class="teacher_intro_m">教师介绍：顶级心理学院校名师</p>
                                        <p class="small_price">
                                            <span class="small_price_l">799元</span>
                                            <span class="small_price_m">1352元</span>
                                            <span class="small_price_r">课程介绍</span>
                                        </p>
                                    </dl>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="college_detail">
                        <div class="class_intro">
                            <ul>
                                <li>
                                    <dl>
                                        <dt class="class_intro_img one_img"></dt>
                                        <dd>21天全面提升自信自尊，成为一个自信的人</dd>
                                        <p class="teacher_intro">教师介绍：王亚南</p>
                                        <p class="price"><span class="now">99元</span> <span class="before">199元</span></p>
                                        <span class="tet_intro">课程介绍</span>
                                    </dl>
                                </li>
                                <li>
                                    <dl>
                                        <dt class="class_intro_img two_img"></dt>
                                        <dd>林紫的100堂心理课：过不焦虑的人生</dd>
                                        <p class="teacher_intro">教师介绍：林紫</p>
                                        <p class="price"><span class="now">129元</span> <span class="before">199元</span></p>
                                        <span class="tet_intro">课程介绍</span>
                                    </dl>
                                </li>
                            </ul>
                        </div>
                        <div class="class_intro_small">
                            <ul>
                                <li>
                                    <dl>
                                        <dt class="small_1"></dt>
                                        <dd >21堂课告别社交恐惧，拥有自信社交</dd>
                                        <p class="teacher_intro_m">教师介绍：施承孙</p>
                                        <p class="small_price">
                                            <span class="small_price_l">99元</span>
                                            <span class="small_price_m">199元</span>
                                            <span class="small_price_r">课程介绍</span>
                                        </p>
                                    </dl>
                                </li>
                                <li>
                                    <dl>
                                        <dt class="small_2"></dt>
                                        <dd >李银河的52堂性学课</dd>
                                        <p class="teacher_intro_m">教师介绍：李银河</p>
                                        <p class="small_price">
                                            <span class="small_price_l">159元</span>
                                            <span class="small_price_m">199元</span>
                                            <span class="small_price_r">课程介绍</span>
                                        </p>
                                    </dl>
                                </li>
                                <li>
                                    <dl>
                                        <dt class="small_3"></dt>
                                        <dd>雏鲸计划：心理咨询实战研修班二班(定金专用链...</dd>
                                        <p class="teacher_intro_m">教师介绍：著名高校毕业，行...</p>
                                        <p class="small_price">
                                            <span class="small_price_l">2000元</span>
                                            <span class="small_price_m">5000元</span>
                                            <span class="small_price_r">课程介绍</span>
                                        </p>
                                    </dl>
                                </li>
                                <li>
                                    <dl>
                                        <dt class="small_4"></dt>
                                        <dd>0基础入门心理咨询</dd>
                                        <p class="teacher_intro_m">教师介绍：顶级心理学院校名师</p>
                                        <p class="small_price">
                                            <span class="small_price_l">799元</span>
                                            <span class="small_price_m">1352元</span>
                                            <span class="small_price_r">课程介绍</span>
                                        </p>
                                    </dl>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

            </div>
            <!-- Add Arrows -->
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>

    </div>
</div>
<div class="fm_div">
    <div class="fm">
        <div class="fm_detail">
            <div class="consult_head">
                <a href=""><h3>心理FM</h3></a>
                <a href=""><p class="consult_left">世界和我爱着你</p></a>
                <a href=""><p class="consult_right"><span class="college_span_fm"></span>申请主播
                </p></a>
            </div>
            <div class="swiper-container6">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <ul>
                            <li>
                                <dl>
                                    <dt class="fm_1"></dt>
                                    <dd>每天,给自己一个开心的理由,为快乐的事情而活
                                    </dd>
                                    <p class="play"><span class="play_l">
                        <a href=""><img src="images/index_images/play_1.jpg" alt=""></a>

                    </span>
                                        <span class="play_m">蓦北</span> <a href=""><span class="play_r"></span></a></p>
                                </dl>
                            </li>
                            <li>
                                <dl>
                                    <dt class="fm_2"></dt>
                                    <dd>“今年我又双叒叕被催催催婚了” | 心事...
                                    </dd>
                                    <p class="play"><span class="play_l">
                        <a href=""><img src="images/index_images/play_2.jpg" alt=""></a>

                    </span>
                                        <span class="play_m">大宸</span> <a href=""><span class="play_r"></span></a></p>
                                </dl>
                            </li>
                            <li>
                                <dl>
                                    <dt class="fm_3"></dt>
                                    <dd>就算内向，你也可以默默发光 | 悦读心时...
                                    </dd>
                                    <p class="play"><span class="play_l">
                        <a href=""><img src="images/index_images/play_3.jpg" alt=""></a>

                    </span>
                                        <span class="play_m">立夏</span> <a href=""><span class="play_r"></span></a></p>
                                </dl>
                            </li>
                            <li>
                                <dl>
                                    <dt class="fm_4"></dt>
                                    <dd>为什么你越焦虑，越不想努力？| 心事博物...
                                    </dd>
                                    <p class="play"><span class="play_l">
                        <a href=""><img src="images/index_images/play_4.jpg" alt=""></a>

                    </span>
                                        <span class="play_m">Zoi</span> <a href=""><span class="play_r"></span></a></p>
                                </dl>
                            </li>
                            <li>
                                <dl>
                                    <dt class="fm_5"></dt>
                                    <dd>分手教会我们的事：放下Ta，才能放过自己...
                                    </dd>
                                    <p class="play"><span class="play_l">
                        <a href=""><img src="images/index_images/play_5.jpg" alt=""></a>

                    </span>
                                        <span class="play_m">阳朵儿</span> <a href=""><span class="play_r"></span></a></p>
                                </dl>
                            </li>
                        </ul>
                    </div>
                    <div class="swiper-slide">
                        <ul>
                            <li>
                                <dl>
                                    <dt class="fm_1"></dt>
                                    <dd>每天,给自己一个开心的理由每天给自己一个开心的理由
                                    </dd>
                                    <p class="play"><span class="play_l">
                        <a href=""><img src="images/index_images/play_1.jpg" alt=""></a>

                    </span>
                                        <span class="play_m">蓦北</span> <a href=""><span class="play_r"></span></a></p>
                                </dl>
                            </li>
                            <li>
                                <dl>
                                    <dt class="fm_2"></dt>
                                    <dd>“今年我又双叒叕被催催催婚了” | 心事...
                                    </dd>
                                    <p class="play"><span class="play_l">
                        <a href=""><img src="images/index_images/play_2.jpg" alt=""></a>

                    </span>
                                        <span class="play_m">大宸</span> <a href=""><span class="play_r"></span></a></p>
                                </dl>
                            </li>
                            <li>
                                <dl>
                                    <dt class="fm_3"></dt>
                                    <dd>就算内向，你也可以默默发光 | 悦读心时...
                                    </dd>
                                    <p class="play"><span class="play_l">
                        <a href=""><img src="images/index_images/play_3.jpg" alt=""></a>

                    </span>
                                        <span class="play_m">立夏</span> <a href=""><span class="play_r"></span></a></p>
                                </dl>
                            </li>
                            <li>
                                <dl>
                                    <dt class="fm_4"></dt>
                                    <dd>为什么你越焦虑，越不想努力？| 心事博物...
                                    </dd>
                                    <p class="play"><span class="play_l">
                        <a href=""><img src="images/index_images/play_4.jpg" alt=""></a>

                    </span>
                                        <span class="play_m">Zoi</span> <a href=""><span class="play_r"></span></a></p>
                                </dl>
                            </li>
                            <li>
                                <dl>
                                    <dt class="fm_5"></dt>
                                    <dd>分手教会我们的事：放下Ta，才能放过自己...
                                    </dd>
                                    <p class="play"><span class="play_l">
                        <a href=""><img src="images/index_images/play_5.jpg" alt=""></a>

                    </span>
                                        <span class="play_m">阳朵儿</span> <a href=""><span class="play_r"></span></a></p>
                                </dl>
                            </li>
                        </ul>
                    </div>
                    <div class="swiper-slide">
                        <ul>
                            <li>
                                <dl>
                                    <dt class="fm_1"></dt>
                                    <dd>每天,给自己一个开心的理由每天给自己一个开心的理由
                                    </dd>
                                    <p class="play"><span class="play_l">
                        <a href=""><img src="images/index_images/play_1.jpg" alt=""></a>

                    </span>
                                        <span class="play_m">蓦北</span> <a href=""><span class="play_r"></span></a></p>
                                </dl>
                            </li>
                            <li>
                                <dl>
                                    <dt class="fm_2"></dt>
                                    <dd>“今年我又双叒叕被催催催婚了” | 心事...
                                    </dd>
                                    <p class="play"><span class="play_l">
                        <a href=""><img src="images/index_images/play_2.jpg" alt=""></a>

                    </span>
                                        <span class="play_m">大宸</span> <a href=""><span class="play_r"></span></a></p>
                                </dl>
                            </li>
                            <li>
                                <dl>
                                    <dt class="fm_3"></dt>
                                    <dd>就算内向，你也可以默默发光 | 悦读心时...
                                    </dd>
                                    <p class="play"><span class="play_l">
                        <a href=""><img src="images/index_images/play_3.jpg" alt=""></a>

                    </span>
                                        <span class="play_m">立夏</span> <a href=""><span class="play_r"></span></a></p>
                                </dl>
                            </li>
                            <li>
                                <dl>
                                    <dt class="fm_4"></dt>
                                    <dd>为什么你越焦虑，越不想努力？| 心事博物...
                                    </dd>
                                    <p class="play"><span class="play_l">
                        <a href=""><img src="images/index_images/play_4.jpg" alt=""></a>

                    </span>
                                        <span class="play_m">Zoi</span> <a href=""><span class="play_r"></span></a></p>
                                </dl>
                            </li>
                            <li>
                                <dl>
                                    <dt class="fm_5"></dt>
                                    <dd>分手教会我们的事：放下Ta，才能放过自己...
                                    </dd>
                                    <p class="play"><span class="play_l">
                        <a href=""><img src="images/index_images/play_5.jpg" alt=""></a>

                    </span>
                                        <span class="play_m">阳朵儿</span> <a href=""><span class="play_r"></span></a></p>
                                </dl>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
                <!-- Add Arrows -->
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>

        </div>
    </div>
</div>

<div class="find">
    <div class="consult_head">
        <a href=""><h3>活动 发现</h3></a>
        <a href=""><p class="consult_left">一起玩更幸福</p></a>
    </div>
    <div class="fine_detail">
        <ul>
            <li>
                <dl>
                    <dt><a href=""><img src="images/index_images/find_1.jpg" alt=""></a></dt>
                    <dd>
                        <a href=""><p>一个人不自信的根源是什么？</p></a>
                        <a href=""><span class="img"><img src="images/index_images/find_logo.jpg" alt=""></span></a>
                        <span class="time">2018-08-16 ~ 2018-08-20</span>
                    </dd>
                </dl>
            </li>
            <li>
                <dl>
                    <dt><a href=""><img src="images/index_images/find_2.jpg" alt=""></a></dt>
                    <dd>
                        <a href=""><p>有奖 · 毕业课题匿名采访</p></a>
                        <a href=""><span class="img"><img src="images/index_images/find_logo.jpg" alt=""></span></a>
                        <span class="time">2018-08-14 ~ 2018-08-20</span>
                    </dd>
                </dl>
            </li>
            <li>
                <dl>
                    <dt><img src="images/index_images/creat_more.png" alt=""></dt>
                    <dd>
                        <span class="add"><img src="images/index_images/add.png" alt=""></span>
                    </dd>
                </dl>
            </li>
        </ul>
    </div>
</div>
<footer>
    <div class="footer_cq">
        <ul>
            <p class="wechat">
                <span></span>
                微信公众号
            </p>
            <li class="cq_li">
                    <span class="cq_pic">
                        <img src="images/index_images/account-yixinli.png" alt="">
                        <u></u>
                    </span>
                <span class="cq_head"></span>
                <a href=""><p>壹心理</p></a>
            </li>
            <li class="cq_li">
                    <span class="cq_pic">
                        <img src="images/index_images/account-yixinli.png" alt="">
                        <u></u>
                    </span>
                <span class="cq_head cq_head2"></span>
                <a href=""><p>心理公开课</p></a>
            </li>
            <li class="cq_li">
                    <span class="cq_pic">
                        <img src="images/index_images/account-yixinli.png" alt="">
                        <u></u>
                    </span>
                <span class="cq_head cq_head3"></span>
                <a href=""><p>心理FM</p></a>
            </li>
            <li class="cq_li">
                    <span class="cq_pic">
                        <img src="images/index_images/account-yixinli.png" alt="">
                        <u></u>
                    </span>
                <span class="cq_head cq_head4"></span>
                <a href=""><p>壹心理学院</p></a>
            </li>
            <li class="cq_li">
                    <span class="cq_pic">
                        <img src="images/index_images/account-yixinli.png" alt="">
                        <u></u>
                    </span>
                <span class="cq_head cq_head5"></span>
                <a href=""><p>壹心理测评</p></a>
            </li>
            <li class="cq_li">
                    <span class="cq_pic">
                        <img src="images/index_images/account-yixinli.png" alt="">
                        <u></u>
                    </span>
                <span class="cq_head cq_head6"></span>
                <a href=""><p>口袋心理咨询</p></a>
            </li>
            <span class="app"><p></p>手机应用</span>
            <li class="cq_li_r">
                    <span class="cq_pic">
                        <img src="images/index_images/account-yixinli.png" alt="">
                        <u></u>
                    </span>
                <span class="cq_head cq_head7"></span>
                <a href=""><p>壹心理</p></a>
            </li>
            <li class="cq_li_r">
                    <span class="cq_pic">
                        <img src="images/index_images/account-yixinli.png" alt="">
                        <u></u>
                    </span>
                <span class="cq_head cq_head8"></span>
                <a href=""><p>口袋心理测试</p></a>
            </li>
            <li class="cq_li_r">
                    <span class="cq_pic">
                        <img src="images/index_images/account-yixinli.png" alt="">
                        <u></u>
                    </span>
                <span class="cq_head cq_head9"></span>
                <a href=""><p>壹心理</p></a>
            </li>
        </ul>
    </div>
    <div class="note">
        <ul>
            <li><a href="">关于我们</a></li>
            <li><a href="">加入我们</a></li>
            <li><a href="">联系我们</a></li>
            <li><a href="">免责声明</a></li>
            <li><a href="">网站地图</a></li>
            <li><a href="">机构导航</a></li>
            <li><a href="">手机应用</a></li>
            <li><a href="">手机网页</a></li>
        </ul>
    </div>
    <div class="low">
        <ol>
            <li><span class="gh"></span>粤公网安备 44010602001691</li>
            <li>粤ICP备 12051153</li>
            <li>安全联盟行业验证 <span class="green"></span><span class="green"></span><span class="green"></span></li>
        </ol>
    </div>
</footer>
<div class="action">
    <span class="ben"></span>
    <span class="gotop"></span>
</div>
<script src="js/jquery.js"></script>
<script src="js/index_js.js"></script>
<script src="js/swiper.min.js"></script>
<script>
    var index = 0
    function lefts() {
        pre_pic();
    }
    function rights() {
        next_pic();

    }
    function next_pic() {
        index++;
        console.log('left', -100 * index + '%')
        if (index > 5) {
            index = 0;
            $('#box').css('left', -100 * index + '%');
            index = 1;
        }
        showdot();
        $('#box').animate({'left': -100 * index + '%'});
    }
    function pre_pic() {
        index--;
        if (index < 0) {
            index = 5;
            $('#box').css('left', -100 * index + '%');
            index = 4;
        }
        showdot();
        $('#box').animate({'left': -100 * index + '%'})
    }
    function showdot() {
        if (index == 5) {
            index = 0;
            $('#lo li').eq(index).attr('class', 'current')
            $('#lo li').eq(index).siblings().removeAttr('class');

        }
        $('#lo li').eq(index).attr('class', 'current')
        $('#lo li').eq(index).siblings().removeAttr('class');

    }
    var timer;
    function autoplay() {
        timer = setInterval(function () {
            next_pic();
        }, 5000)
    }
    autoplay();
    $('#wrap').mouseenter(function () {
        clearInterval(timer);
    })
    $('#wrap').mouseleave(function () {
        autoplay();
    })
    $('#lo li').click(function () {
        $(this).attr('class', 'current');
        $(this).siblings().removeAttr('class');
        var num = $(this).index();
        index = num;
        $('#box').css('left', -100 * index + '%')
    })


    var swiper = new Swiper('.swiper-container1', {
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });
    var swiper = new Swiper('.swiper-container2', {
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });
    var swiper = new Swiper('.swiper-container3', {
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });
    var swiper = new Swiper('.swiper-container4', {
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });
    var swiper = new Swiper('.swiper-container5', {
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });
    var swiper = new Swiper('.swiper-container8', {
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });
    var swiper = new Swiper('.swiper-container6', {
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });


</script>
</body>
</html>









